.task-part {
    max-width: 17rem;
    width: 90vw;
    height: auto;
    background: linear-gradient(90deg, rgba(42, 103, 236, 1), rgba(91, 144, 255, 1));
    border-radius: 0.4rem;
    margin: 0.8rem auto;
    overflow: hidden;
}

.task-part .title {
    font-size: 1.5rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    height: 3rem;
    line-height: 4rem;
    width: 100%;
    text-align: center;
}

.task-part .sub-title {
    width: 100%;
    text-align: center;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.6rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.task-part .part-billtask {
    width: 88%;
    height: 8.1rem;
    border: 0.05rem solid rgba(255, 255, 255, 1);
    margin: 1rem auto;
    padding-left: 5%;
    position: relative;
}

.task-part .part-billtask .billtask-title {
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.9rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

.task-part .part-billtask .card-img {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    height: 4.38rem;
    position: relative;
    font-size: 0.6rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    overflow: hidden;
}

.task-part .part-billtask .card-condition {
    margin-left: 0.5rem;
}

.cart-task {
    width: 88%;
    border: 0.05rem solid rgba(255, 255, 255, 1);
    margin: 1rem auto;
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-start;                        
}

.card-task-title {
    height: 2.5rem;
    line-height: 2.5rem;
    width: 100%;
    font-size: 0.9rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    padding-left: 10%;
}

.card-task-item {
    width: 6.5rem;
    height: 4.43rem;
    background: rgba(248, 160, 74, 1);
    border-radius: 0.25rem;
    margin: 0.3rem;
}

.card-task-item .row-1 {
    height: 3rem;
    line-height: 3.7rem;
    font-size: 1.8rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}

.card-task-item .row-2 {
    font-size: 0.6rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}